<ion-header>

  <ion-toolbar>
    <ion-title>Basic Cards</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content style="background: #e5e5e5">

  <ion-card>

    <ion-card-header>
      Card Header
    </ion-card-header>

    <ion-card-content>
      Keep close to Nature's heart... and break clear away, once in awhile,
      and climb a mountain or spend a week in the woods. Wash your spirit clean.
    </ion-card-content>

  </ion-card>


  <ion-card>

    <ion-item>
      <ion-icon name="pin" item-left></ion-icon>
      ion-item in a card, icon left, button right
      <button ion-button outline item-right>View</button>
    </ion-item>

    <ion-card-content>
      This is content, without any paragraph or header tags,
      within an ion-card-content element.
    </ion-card-content>

  </ion-card>


  <ion-card>

    <a ion-item href="#" class="activated">
      <ion-icon name="wifi" item-left></ion-icon>
      Card Link Item 1 .activated
    </a>

    <a ion-item href="#">
      <ion-icon name="wine" item-left></ion-icon>
      Card Link Item 2
    </a>

    <button ion-item class="activated">
      <ion-icon name="warning" item-left></ion-icon>
      Card Button Item 1 .activated
    </button>

    <button ion-item>
      <ion-icon name="walk" item-left></ion-icon>
      Card Button Item 2
    </button>

  </ion-card>

</ion-content>
